html{
	background-color:#2F2F2F;
}
body{
	height: 100%;
	background-color:rgb(245, 245, 245);
}
.floatRight{
	float:right;
	margin-right: 18px;
}
.has-error{
	color:red;
}
.generic-container {
  position:fixed;
  width:80%;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #EAE7E7;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 0 30px black;
}
.custom-width {
    width: 80px !important;
}
body, #mainWrapper, .form-control{
	font-size:12px!important;
}
.authbar{
	margin-bottom:15px;
}


/**************************************************************************************************************************************************************************/
/***************************************************************	BOX LOGIN	(FIX)		*******************************************************************************/
/**************************************************************************************************************************************************************************/
#mainWrapper {height: 100vh;background:#fff;}
#mainWrapper .login-container {margin-top: 100px;background-color: white;width: 40%;left: 30%;position: absolute;border: 1px solid #eeeeee;border-radius: 6px;box-sizing: inherit;box-shadow: 0px 0px 15px #555;}
#mainWrapper .login-container h1 {text-align: center;font-family: fantasy;font-size: 70px;margin-top: 0px;padding: 15px 0px 5px 0px;background-color: #333333;color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#mainWrapper .login-container .login-card {width: 80%;margin: auto;}
#mainWrapper .login-container .login-card .login-form {padding: 5% 10% 10% 10%;}
@media only screen and (max-width: 1200px) {
	#mainWrapper .login-container {width: auto;left: 5%;right: 5%;}
}
@media only screen and (max-width: 400px) {
	#mainWrapper .login-container h1 {font-size:30px;}
}